.small-box {
	border-radius: 2px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
}

.small-box>.inner {
	padding: 10px
}

.small-box>.small-box-footer {
	position: relative;
	text-align: center;
	padding: 3px 0;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	z-index: 10;
	background: rgba(0, 0, 0, 0.1);
	text-decoration: none
}

.small-box>.small-box-footer:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.15)
}

.small-box h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
    color:#fff;
}

.small-box p {
    font-size: 12px;
	margin:0;
	color:#ddd;
}
.small-box small {
	color:#ddd;
}

.small-box p>small {
	display: block;
	color: #ffffff;
	font-size: 13px;
	margin-top: 5px
}

.small-box h3, .small-box p {
	z-index: 5px
}

.small-box .icon {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: -10px;
	right: 10px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.15)
}


@media ( max-width :767px) {
	.small-box {
		text-align: center
	}
	.small-box .icon {
		display: none
	}
	.small-box p {
		font-size: 12px
	}
}
